<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HEAD>
<TITLE>13117204628 test</TITLE>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $('.question').click(function() {
 $(this).next().slideToggle();
 });
});
</script>


<style type="text/css">
body{ /* 全体 */
background-color:#000000;
color:#ffffff;
}
#container{
width:700px;
margin:auto;
}
</style>
</HEAD>
<body>
<div id="container">
<br><br><br><br>
<dl>
<dt class="question" id="1"（アンカー用）>トリガーになる部分</dt>
<dt class="answer"   id="2"（アンカー用）>トリガーをクリックでここが開く</dt>
</dl>
</div>
</body>
</HTML>

